<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">生日快乐</p>
            <p class="ly-stxt01">且喜且乐，且以永日</p>
            <p class="ly-stxt02">一岁一礼，一寸欢喜</p>
            <p class="ly-stxt03">明确地爱，直接的厌恶，真诚的喜欢</p>
            <p class="ly-stxt04">像个大人，无畏亦无惧</p>
            <p class="ly-stxt04">记住每一年都有一天专为你而生</p>
          
          </div>
          <div class="ly-txt02" style="margin-top:400px"><!-- 修改范围 -->
            
            <img class="ly-img11" src="../img/sr.jpg" style="height:500px;width: 100%;"><!-- 修改下图片 -->
            <p>hh</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">
            <p>不知道该用什么做BGM</p>
            <p>然后想到你之前去演唱会</p>
            <p>的主题是天外来物</p>
            <p>就用了这首歌做BGM</p>
          </div>
          <div class="ly-imgbox11" style="height:30%">
           
            <img class="ly-img11" src="../img/xue.jpg" style="height:100%">  <!-- 图片需要修改 -->
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
          
            <p>你如天外来物一般</p>
            <p>出现在我的视线</p>
            <p>认识你不是一场意外</p>
            <p>希望你能像风一样</p>
            <p>自由,随心,肆无忌惮</p>
            <p>说了这些也只是聊表心意</p>
            <p>但也只能祝你快乐</p>
          </div>
          <div class="ly-imgbox11" style="height:450px;width:100%">
            <img class="ly-img11" src="../img/pai.png" style="height:50%"> <!-- 图片需要修改 -->
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>祝</p>
            <p>你</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/mao.jpeg"> <!--图片需要修改暂定  -->
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>百事可乐</p>
            <p>万事芬达</p>
            <p>天天哇哈哈</p>
            <p>月月乐百事</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/atm.jpg"> <!-- 需要修改图片 -->
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>年年高乐高</p>
            <p>心情似雪碧</p>
            <p>永远心飞扬</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/timg.gif" style="height: 100%"> <!-- 需要修改图片 -->
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>愿你</p>
            <p>无功受禄，不劳而获</p>
            <p>不学有术，一步登天</p>
            <p>想要的都拥有，得不到的都释怀。🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/di22.jpg" style="height:100%"> <!--图片需要修改暂定  -->
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>1224，是一个就算没有流星也是可以许愿的日子</p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/lxy.jpg" style="width:100%"><!--图片需要修改  -->
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82"  style="font-size: 20px">
            <p>生日是谁</p>
            <p>它快不快乐有什么要紧的</p>
            
            <p>你快乐才是要紧的</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/di54.png" style="height: 60%;"><!--图片需要修改  -->
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84" style="font-size: 20px;" >
          
          
            <p>希望你</p>
            <p>福如东海 寿比南山</p>
          
            <p>长命百岁 永远不死</p>
            
            
            <p>哈哈上面当然是开玩笑啦</p>
            <p>其实想说</p>
            <p>少点忧愁 多点快乐</p> 
            <p>每天都能睡好觉</p>
            <p>你的出生一定就是为了遇见世间所有美好</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a>  </p>
          </div>

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <audio src="../music/3119858049.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>